<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>顶部页面</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	
	<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
	<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
	<link rel="stylesheet" type="text/css" href="<%=basePath %>css/styles.css">
	
<style type="text/css">

body {
	margin: 0 0 2px 0;
	font-family: "Tahoma",Arial;
}
/* a{
	text-decoration: none;
	color: blue;
	font-size: 16px;
} */
a:HOVER {
	text-decoration: none;
}
.headWrap {
	border-top: 0px solid #67ad03;
	width: 100%;
	height: 100%;
}
.header {
	position: relative;
	/* height: 50px; */
	height: 100%;
	background-color: #F3F3F3; 
	border-bottom: 1px solid #D3D3D3;
}
.headContent {
	margin:0 30px;
	
}
.headText {
	cursor: pointer;
	float: left;
	padding: 0 10px;
	height: 50px;
	line-height: 50px;
	border: 0px solid red;
}

.headText a.user {
	position: relative;
	display: black;
	font-size: 18px;
	font-weight: normal;
}
.headText a:hover .hook-down {
	border-top: 8px solid #55B055;
}
.headText .user .sp {
	float: left;
	display: black;
}
#userTip {
	position: absolute;
	width: 200px;
	height: 100px;
	bottom: -100px;
	z-index: 20;
}
.hook-down {
	margin: 23px 5px 0 10px;
	height: 0;
	width: 0;
	border-top: 8px solid;
	border-right: 8px solid #F3F3F3;
	border-bottom: 8px solid #F3F3F3;
	border-left: 8px solid #F3F3F3;
}

.headText .logout {
	font-size: 16px;
}
.log {
	height: 50px;
	line-height: 50px;
	float: right;
	font-size: 20px;
	/* color: #67ad03; */
	color: gray;
	/* border: 1px solid red; */
}

.headBottom {
	background-color: white;
	width: 100%;
	height: 100%;
}
.clearF {
	clear: both;
}
</style>
  </head>
  
<body>
	<div class="headWrap">
		<div class="header" id="header">
			<div class="headContent">
				<div class="headText">
					<a class="user" href="jsp/admin/adminDetail.jsp" target="rightFrame">
						<span class="glyphicon glyphicon-user"></span> ${sessionScope.user.username }
					</a>
					&nbsp;&nbsp;&nbsp;&nbsp;
					<a class="logout" href="logout" target="_top">退出</a>
				</div>
				<%-- <div class="headText">
					<a class="user" href="jsp/admin/adminDetail.jsp" target="rightFrame">
						<span class="sp">${sessionScope.user.username }</span>
						<span class="hook-down sp"></span>
					</a>
				</div> --%>
				<div class="log">
					©后台管理系统
				</div>
				<div class="clearF"></div>
			</div>
		</div>
		<div class="headBottom"></div>
	</div>
  
</body>
</html>
